
//1.设置登录拦截 相当于react中的全局路由守卫 自己封装的组件
import React, { Component } from "react";
import { Redirect, Route } from "react-router-dom";

export default class PrivateRoute extends Component {
  render() {
    //2.设置isLogin 如果有则可以跳转到其他页面,如果没有则返回到登录页
    let isLogin = localStorage.getItem("isLogin");
    return (
      <>
        {isLogin ? (//...this.props类组件中获取props的方法
        //相当于接受父组件App.js中传过来的值 接收了path 和 component
          <Route {...this.props}></Route>
        ) : (
          <Redirect to="/login"></Redirect>
        )}
      </>
    );
  }
}
